const {defineConfig} = require('@vue/cli-service')
// 此处使用的 common.js 暴漏，vue将该文件输送给webpack，而webpack将整合该 common.js，而webpack是基于node.js的
// 而node.js采用的模块化就是 common.js。最终效果会将 pages 进行合并处理。
module.exports = defineConfig({
    transpileDependencies: true,
    // 修改main.js 的入口，默认入口就是main.js文件。
    pages: {
        index: {
            entry: 'src/main.js',
        }
    },
    // lint 是语法检查，其中false 是关闭语法检查，而 true 是开启语法检查。
    lintOnSave: false,
    // 开启代理服务器，否则前端直接请求后端的话，会出现跨域问题，只能请求，无法进行响应
    // devServer: {
    //     proxy: 'http://localhost:5000'
    // }

    // 开启代理服务器方式二，上面是方式一：
    devServer: {
        proxy: {
            // '/api'代表的是请求前缀
            '/api': {
                target: 'http://localhost:5000',
                // 重写路径，将以/api开头的路径替换成空字符串
                pathRewrite: {'^/api': ''},
                // ws代表websocket
                ws: true,
                // 是否改变源地址，用于控制请求头中的host值
                // changeOrigin: true,
            },
            '/demo': {
                target: 'http://localhost:5001',
                // 重写路径，将以/api开头的路径替换成空字符串
                pathRewrite: {'^/demo': ''},
                // ws代表websocket
                ws: true,
                // 是否改变源地址，用于控制请求头中的host值
                // changeOrigin: true,
            }
        }
    }
})
